<link href="{$base_dir}css/datePicker.css" type="text/css" rel="stylesheet"/>
<script type="text/javascript" src="{$base_dir}js/jquery.datePicker.js"></script>
<link href="{$base_dir}index.php/css/calendar.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="{$base_dir}modules/calendar/js/AJAX_Calendar.js"></script>

{literal}
<script>
	$(document).ready(function(){
		getAllEvents();
	});
</script>
{/literal}
<div class='nav_left' style='width: 500px;'>
	<div class='nav_right'>
		<div id='calNav' class='nav_bg'>
			<a id='EventListTab' class="active" href="javascript:getAllEvents();">{translate}DS LỊCH LÀM VIỆC{/translate}</a>
			<a id='createEventTab' href="javascript:createEvent();">{translate}Thêm LỊCH LÀM VIỆC{/translate}</a>
			<a id='mappingRelationshipTab' href="javascript:mappingRelationship();">{translate}Mapping Relationship{/translate}</a>
		</div>
	</div>
</div>
<div id='pageContent' style='display: block'>
</div>